<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Web Lab</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="description" content="Practice Laravel programming">
	<meta name="keywords" content="php, html5, css3, jquery">
    <!--[if lte IE 8]><link rel="stylesheet" href="responsive-nav.css"><![endif]-->
    <!--[if gt IE 8]><!--><link rel="stylesheet" href="styles.css"><!--<![endif]-->
    <script src="responsive-nav.js"></script>
  </head>
  <body>

    <div role="navigation" id="nav">
      <ul>
        <li><a href="#html">HTML5 Lab</a></li>
        <li><a href="http://www.leonguyen.com/html5/references/" target="_blank">HTML5 References</a></li>
      	<li><a href="#css">CSS Lab</a></li>
        <li><a href="http://www.leonguyen.com/css3/references.html" target="_blank">CSS References</a></li>
        <li><a href="http://www.leonguyen.com/jquery/bootstrap/" target="_blank">Bootstrap Repositories</a></li>
      	<li><a href="#jsp">Javascript Plugin</a></li>
        <li><a href="http://www.leonguyen.com/javascript/references.html" target="_blank">Javascript References</a></li>
        <li><a href="http://www.leonguyen.com/javascript/repositories.html" target="_blank">Javascript Repositories</a></li>
        <li><a href="http://www.leonguyen.com/javascript/Sites.html" target="_blank">Javascript Sites</a></li>
        <li><a href="http://www.leonguyen.com/javascript/API.html" target="_blank">Javascript API</a></li>
        <li><a href="#jqp">jQuery Plugin</a></li>
        <li><a href="http://www.leonguyen.com/jquery/references.html" target="_blank">jQuery References</a></li>
        <li><a href="http://www.leonguyen.com/jquery/repositories.html" target="_blank">jQuery Repositories</a></li>
        <li><a href="http://www.leonguyen.com/jquery/Sites.html" target="_blank">jQuery Sites</a></li>
        <li><a href="http://www.leonguyen.com/angular/references.html" target="_blank">AngularJS References</a></li>
      	<li><a href="#php">PHP Lab</a></li>
        <li><a href="http://www.leonguyen.com/php/references.html" target="_blank">PHP References</a></li>
        <li><a href="http://www.leonguyen.com/php/repositories/" target="_blank">PHP Repositories</a></li>
      	<li><a href="#ci">CI Lab</a></li>
        <li><a href="#lara">Laravel Lab</a></li>
        <li><a href="#zend">Zend Lab</a></li>
        <li><a href="#node">Node.js Lab</a></li>
        <li><a href="http://www.leonguyen.com/nodejs/references.html" target="_blank">Node.js References</a></li>
        <li><a href="http://www.leonguyen.com/nodejs/Sites.html" target="_blank">Node.js Sites</a></li>
        <li><a href="http://www.leonguyen.com/nodejs/expressjs.html" target="_blank">Express.js References</a></li>
        <li><a href="#spring">Spring Lab</a></li>
        <li><a href="#java">Java Lab</a></li>
        <li><a href="http://www.leonguyen.com/sql/references.html" target="_blank">SQL References</a></li>
        <li><a href="#res">Web Resources</a></li>
      </ul>
    </div>

    <div role="main" class="main">
      <a href="#nav" id="toggle">Menu</a>
      <section>
      <h2 id="html">HTML5 Lab</h2>
      <script async class="speakerdeck-embed" data-id="83842a801cf20131dd6072687108b2f7" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
      </section>
      <section>
      <h2 id="css">CSS Lab</h2>
      <script async class="speakerdeck-embed" data-id="22477050cc7b013015c53a0a82892cf4" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
      </section>
      <section>
      <h2 id="jsp">Javascript Plugin</h2>
      <script async class="speakerdeck-embed" data-id="513ae0c0316601315d534a2207c7cb38" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
      </section>
      <section>
      <h2 id="jqp">jQuery Plugin</h2>
      <script async class="speakerdeck-embed" data-id="ee88a8e0316401315536125e0baf7701" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
      </section>
      <section>
      <h2 id="php">PHP Lab</h2>
      <script async class="speakerdeck-embed" data-id="57ef12f0d8dc013030f31e426d584e06" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
      </section>
      <section>
      <h2 id="ci">CI Lab</h2>
      <script async class="speakerdeck-embed" data-id="187a8430cc6f01308f796a38fc8d9f83" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
      </section>
      <section>
      <h2 id="lara">Laravel Lab</h2>
      <script async class="speakerdeck-embed" data-id="bbbe4a70ce0601304c5d5a08bad3805a" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
      </section>
      <section>
      <h2 id="zend">Zend Lab</h2>
      <script async class="speakerdeck-embed" data-id="7d787480cc7501308f776a38fc8d9f83" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
      </section>
      <section>
      <h2 id="node">Node.js Lab</h2>
      <script async class="speakerdeck-embed" data-id="2814bb2098ca013159a36aa21182dc2d" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
      </section>
      <section>
      <h2 id="spring">Spring Lab</h2>
      <script async class="speakerdeck-embed" data-id="28fa3b10cc780130cd31420b3b8fd995" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
      </section>
      <section>
      <h2 id="java">Java Lab</h2>
      <script async class="speakerdeck-embed" data-id="f81224b0cc690130a5c56a45d0645c7c" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
      </section>
      <section>
      <h2 id="res">Web Resources</h2>
      <script async class="speakerdeck-embed" data-id="0d019390cc7c0130ff754e0ed8f4b592" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script> 
      </section>
    </div>
    <script>
      var navigation = responsiveNav("#nav", {customToggle: "#toggle"});
    </script>
  </body>
</html>
